/* pages/tabbar/order/components/FormPop.wxss */
.form {
  .nav {
    display: flex;
    align-items: center;
    font-size: 28rpx;
    color: #333;
    padding: 24rpx 24rpx;

    .title {
      flex: 1;
      text-align: center;
    }

    .confirm {
      color: #FF6D1D;
    }
  }

  .all {
    padding: 20rpx 24rpx;

    .form-item {
      padding: 12rpx 0;
      border-bottom: 1rpx solid rgb(249, 249, 249);

      .top {
        display: flex;
        align-items: center;

        .label {
          font-size: 26rpx;
          color: #333;
        }

        .value {
          flex: 1;
          margin-right: 20rpx;

          input {
            text-align: right;
            font-size: 26rpx;
          }
        }
      }

      .btns {
        margin-top: 14rpx;
        display: flex;
        flex-wrap: wrap;
        gap: 12rpx;

        .cu-btn {
          width: calc(25% - 10rpx);
          font-size: 24rpx;
          margin: 0;


          &-active {
            background-color: #FF6D1D;
            color: #fff;
          }
        }
      }


      .uploads {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15rpx;
        gap: 10rpx 20rpx;

        .img {
          position: relative;
          transition: all 0.3s;

          image {
            width: 148rpx;
            height: 148rpx;
          }

          .close {
            position: absolute;
            right: 0;
            top: 0;
            background-color: rgba(0, 0, 0, 0.6);
            padding: 5rpx 10rpx 5rpx 15rpx;
            border-radius: 0 0 0 20rpx;
          }
        }
      }
    }
  }
}